@charset "utf-8";

@font-face {
    font-family: 'Circular';
    src:
        local('public/fonts/Circular.eot'),
        local('public/fonts/Circular.ttf'),
        local('public/fonts/Circular.woff'),
        local('public/fonts/Circular.svg');

}

body {

    margin: 0;
    padding: 0;
    width: 100%;
    color: #000000;
    background-color: #eee;
}

html, .main {
    font-family: Circular;
    font-size: 20px;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    /* width: 970px;  */
}

.header {
    margin: 0 auto;

    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #8c0813;

    border-width: 0 0 7px 0;
    border-style: solid;
    border-bottom-color: #bf0a19;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;

}

.logo {
    /*float: left;*/
    /*width: 970px;*/
    padding: 10px 10px 10px 15px;
    margin: 0 auto;

}

.profile {

    margin: 0 auto;

    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #bfb195;

}

.profile_resize {
    /*float: left;*/
    /*width: 970px;*/
    padding: 10px;
    margin: 0 auto;

}

.content {
    padding: 5px;
    margin: 0 auto;

}

.mainbar {
    margin: 0;
    padding: 0;
    /*float: right;*/
    /*width: 643px;*/
    border-radius: 10px;
    background-color: #d9cbbf;
}

.mainbar .article {
    margin: 0;
    padding: 10px 20px 5px 20px;
}

.sidebar {
    padding: 0;
    /*float: left;*/
    /*width: 301px;*/

    border-radius: 10px;
    background-color: #d4ccb6;
}

.sidebar .gadget {

    margin: 0;
    padding: 10px 10px;
}

.footer {
    border-radius: 10px;
    background-color: #590808;
}

.footer_resize {
    margin: 0;
    padding: 13px;
    color: #d9cbbf

}

.footer p {
    margin: 0;
    padding: 4px;
}

.footer a {
    color: #9a9a9a;
    padding: inherit;
    text-decoration: underline;
}

.footer a:hover {
    text-decoration: none;
}

.footer .lf {
    float: left;
}

.footer .rf {
    float: right;
}

.clr {
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    line-height: 0;
}
